.mine-container {

		.user-info {
			padding: 200rpx 50rpx;
			display: flex;
			align-items: center;
			background: linear-gradient(to right, #080807 5%, #312A19 110%);

			.avatar {
				width: 130rpx;
				height: 130rpx;
				border-radius: 50%;
			}

			.user-detail {
				margin-left: 15px;
				.name-level {
					margin-bottom: 20rpx;
					justify-items: center;
					align-items: center;
					display: flex;
					image {
						width: 32rpx;
						height: 32rpx;
						margin-left: 15rpx;
					}
				}
				.username {
					color: #fff;
					font-size: 18px;
					display: block;
				}

				.account-text {
					color: #ffffff;
					font-size: 24rpx;
					background: rgba(255, 255, 255, 0.1);
					padding: 5rpx 20rpx;
					border-radius: 30rpx;
				}
			}
		}

		.vip-card {
			background: #fff;
			border-radius: 60px;
			width: calc(100% - 73rpx);
			position: absolute;
			top: 456rpx;
			left: 35rpx;
			padding: 16rpx 6rpx 6rpx 16rpx;
			box-shadow: 0 0 6px 0 rgba(165,165,165,0.7);
			image {
				width: calc(100% - 10rpx);
				height: 120rpx;
			}
			.vip-btn {
				display: flex;
				justify-content: space-between;
				align-items: center;
				position: absolute;
				top: 0;
				height: 100%;
				color: #FBF6E5;
				font-size: 30rpx;
				padding: 0 80rpx 0 50rpx;
				box-sizing: border-box;
				width: 100%;
			}
			.buy-btn {
				background: linear-gradient(to left, #FBD38D 5%, #D19A43 80%);
				color: #231913;
				font-size: 14px;
				padding: 6rpx 20rpx;
				border-radius: 30px;
			}
		}

		.menu-list {
			background-color: #fff;
			margin-top: 90rpx;

			.menu-item {
				margin: 0 30rpx;
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 15px 0;
				border-bottom: 1px solid #eee;

				.left {
					display: flex;
				}

				.iconfont {
					margin-right: 10px;
					width: 48rpx;
					height: 48rpx;
				}
			}
		}
	}